s-page {
  --s-color-primary: #026e00;
  --s-color-on-primary: #ffffff;
  --s-color-primary-container: #77ff61;
  --s-color-on-primary-container: #002200;
  --s-color-secondary: #54634d;
  --s-color-on-secondary: #ffffff;
  --s-color-secondary-container: #d7e8cd;
  --s-color-on-secondary-container: #121f0e;
  --s-color-tertiary: #386568;
  --s-color-on-tertiary: #ffffff;
  --s-color-tertiary-container: #bcebee;
  --s-color-on-tertiary-container: #002022;
  --s-color-error: #ba1a1a;
  --s-color-on-error: #ffffff;
  --s-color-error-container: #ffdad6;
  --s-color-on-error-container: #410002;
  --s-color-background: #fcfdf6;
  --s-color-on-background: #1a1c18;
  --s-color-outline: #73796e;
  --s-color-outline-variant: #c3c8bc;
  --s-color-surface: #fcfdf6;
  --s-color-on-surface: #1a1c18;
  --s-color-surface-variant: #dfe4d7;
  --s-color-on-surface-variant: #43483f;
  --s-color-inverse-surface: #2f312d;
  --s-color-inverse-on-surface: #f1f1eb;
  --s-color-inverse-primary: #02e600;
  --s-color-surface-container: #eeeee8;
  --s-color-surface-container-high: #e8e9e2;
  --s-color-surface-container-highest: #e2e3dc;
  --s-color-surface-container-low: #f4f4ed;
  --s-color-surface-container-lowest: #ffffff;
  --s-color-dark-primary: #02e600;
  --s-color-dark-on-primary: #013a00;
  --s-color-dark-primary-container: #015300;
  --s-color-dark-on-primary-container: #77ff61;
  --s-color-dark-secondary: #bbcbb2;
  --s-color-dark-on-secondary: #263422;
  --s-color-dark-secondary-container: #3c4b37;
  --s-color-dark-on-secondary-container: #d7e8cd;
  --s-color-dark-tertiary: #a0cfd2;
  --s-color-dark-on-tertiary: #003739;
  --s-color-dark-tertiary-container: #1e4d50;
  --s-color-dark-on-tertiary-container: #bcebee;
  --s-color-dark-error: #ffb4ab;
  --s-color-dark-on-error: #690005;
  --s-color-dark-error-container: #93000a;
  --s-color-dark-on-error-container: #ffb4ab;
  --s-color-dark-background: #1a1c18;
  --s-color-dark-on-background: #e2e3dc;
  --s-color-dark-outline: #8d9387;
  --s-color-dark-outline-variant: #43483f;
  --s-color-dark-surface: #1a1c18;
  --s-color-dark-on-surface: #e2e3dc;
  --s-color-dark-surface-variant: #43483f;
  --s-color-dark-on-surface-variant: #c3c8bc;
  --s-color-dark-inverse-surface: #e2e3dc;
  --s-color-dark-inverse-on-surface: #2f312d;
  --s-color-dark-inverse-primary: #026e00;
  --s-color-dark-surface-container: #1e201c;
  --s-color-dark-surface-container-high: #282b27;
  --s-color-dark-surface-container-highest: #333531;
  --s-color-dark-surface-container-low: #1a1c18;
  --s-color-dark-surface-container-lowest: #0d0f0b;
}